<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>07_选择器-伪类选择器-UI伪类选择器</title>

        <style>
            input:checked {
                /* 选中状态 颜色是不可以改变的 */
                /* color:red;
                background-color: red; */
                width: 50px;
                height: 50px;
            }


            input:enabled {
                background-color: red;
            }

            textarea:disabled {
                background-color: green;
            }

            textarea:enabled {
                background-color: yellow;
            }
        </style>
    </head>
    <body>
        <!--checked  针对于的选中状态-->
        <input type="radio" name="gender">女
        <input type="radio" name="gender">男

        <input type="checkbox" name="eat">吃
        <input type="checkbox" name="eat">吃
        <input type="checkbox" name="eat">吃
        <input type="checkbox" name="eat">吃
        <hr>

        <input type="text">
        <input type="password">

        <hr>
        <!-- textarea一般情况下都是默认的颜色  不会显示其他颜色 如果非要使用其他颜色
        也是可以使用enabled的伪类选择器
        -->
        <textarea name="" id="" cols="30" rows="10" disabled></textarea>

    </body>
</html>